<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<title>Form-JavaScript-WSCORE</title>
	<link href="../../theme/style.css" rel="stylesheet" type="text/css" />
	<script src="../../theme/browser.js" type="text/javascript"></script>
	<style>
		.demo-label {width:150px;display:block;float:left;}
		form > div {margin:0 0 5px 0;padding:5px;border:1px solid #ccc;}
	</style>
</head>
<body style="padding:15px;">
	示例: <a href="demo.html">Demo</a><hr />
	<form action="demo.php" method="post">
		INPUT:
		<div><div class="demo-label">button: </div><input type="button" name="button" value="button" /></div>
		<div><div class="demo-label">checkbox: </div><input type="checkbox" name="checkbox[]" value="1" checked /> <label>checkbox1</label> <input type="checkbox" name="checkbox[]" value="2" /> <label>checkbox2</label> <input type="checkbox" name="checkbox[]" value="3" /> <label>checkbox3</label></div>
		<div><div class="demo-label">date: </div>
			<input type="date" name="bdate" filter-min="-27d" filter-max="27d" filter-max-for="fdate" value="" placeholder="begine-date" />
			<input type="date" name="fdate" filter-min="-27d" filter-max="27d" filter-min-for="bdate" value="" placeholder="finish-date" />
		</div>
		<div><div class="demo-label">datetime: </div><input type="datetime" name="datetime" size="15" value="" placeholder="datetime" /></div>
		<div><div class="demo-label">datetime-local: </div><input type="datetime-local" name="datetime-local" value="" placeholder="datetime-local" /></div>
		<div><div class="demo-label">email: </div><input filter-icon="user" type="email" name="email" value="" placeholder="email" /></div>
		<div><div class="demo-label">file: </div><input type="file" name="file" /></div>
		<div><div class="demo-label">hidden: </div><input type="hidden" name="hidden" value="hidden" /></div>
		<div><div class="demo-label">image: </div><input type="image" name="image" value="image" /></div>
		<div><div class="demo-label">month: </div><input type="month" name="month" value="" placeholder="month" /></div>
		<div><div class="demo-label">number: </div><input filter-min="-1" filter-max="9" type="number" name="number" value="" placeholder="number" /></div>
		<div><div class="demo-label">password: </div><input type="password" name="password" value="" placeholder="password" /></div>
		<div><div class="demo-label">radio: </div><input type="radio" name="radio" value="1" checked /> <label>Radio1</label> <input type="radio" name="radio" value="2" /> <label>Radio2</label> <input type="radio" name="radio" value="3" /> <label>Radio3</label></div>
		<div><div class="demo-label">range: </div><input type="range" name="range" value="" placeholder="range" /></div>
		<div><div class="demo-label">reset: </div><input type="reset" name="reset" value="reset" /></div>
		<div><div class="demo-label">search: </div><input type="search" name="search" value="" placeholder="search" /></div>
		<div><div class="demo-label">submit: </div><input type="submit" name="submit" value="submit" /></div>
		<div><div class="demo-label">text: </div><input type="text" name="text" value="" placeholder="text" /></div>
		<div><div class="demo-label">time: </div><input type="time" name="time" value="" placeholder="time" /></div>
		<div><div class="demo-label">url: </div><input size="100" type="url" name="url" value="" placeholder="url" /></div>
		<div><div class="demo-label">week: </div><input type="week" name="week" value="" placeholder="week" /></div>
		<div><div class="demo-label">select: </div><select name="select-one" required>
		<option value="0">Primary10</option>
		<option value="1">Primary11</option>
		<option value="2">Primary12</option>
		<option value="3">Primary20</option>
		<option value="4">Primary21</option>
		<option value="5">Primary22</option>
		<option value="6">Primary30</option>
		<option value="7">Primary31</option>
		<option value="8">Primary32</option>
		<option value="9">Primary40</option>
		<option value="10">Primary41</option>
		<option value="11">Primary42</option>
		<option value="12">Primary50</option>
		<option value="13">Primary51</option>
		<option value="14">Primary52</option>
		</select></div>
		<div><div class="demo-label">textarea: </div><textarea cols="75" rows="6" name="textarea" placeholder="请输入内容"></textarea></div>
	</form>	
</body>
</html>
	